<template>
  <Portlet title="" >
    <el-form label-position="left" label-width="120px">
      <el-col :lg="8" :md="12"  :xl="6">
        <el-form-item label="总体积：">
          <span>{{ totalVolume }}</span>
        </el-form-item>
      </el-col>
      <el-col :lg="8" :md="12"  :xl="6">
        <el-form-item label="总重量：">
          <span>{{ totalWeight }}</span>
        </el-form-item>
      </el-col>
      <el-col :lg="8" :md="12"  :xl="6">
        <el-form-item label="总包件：">
          <span>{{ totalPackage }}</span>
        </el-form-item>
      </el-col>
    </el-form>
  </Portlet>
</template>
<script>
import {dotData} from '@/utils'
export default {
  name: 'orderFooter',
  components: {
  },
  filters: {
  },
  props: {
    orderDetail: {
      type: Object,
      required: true
    }
  },
  computed: {
    totalVolume() {
      return dotData(this.orderDetail, 'fhbOrder.totalVolume')
    },
    totalWeight() {
      return dotData(this.orderDetail, 'fhbOrder.totalWeight')
    },
    totalPackage() {
      return dotData(this.orderDetail, 'fhbOrder.totalPackage')
    },
    cargoPrice() {
      return dotData(this.orderDetail, 'fhbOrder.cargoPrice')
    }
  }
}
</script>
